.pill-tabs.ant-tabs.ant-tabs-card {
  @apply text-gray-700 dark:text-gray-100 max-h-full;

  .ant-tabs-nav {
    @apply px-2 py-3 m-0 text-base;

    &::before {
      @apply border-0;
    }

    .ant-tabs-tab {
      border: 0;
      margin: 2px;
      padding: 2px 8px;
      @apply text-gray-800 dark:text-gray-200 bg-black bg-opacity-0 dark:bg-white dark:bg-opacity-0;

      &:not(.ant-tabs-tab-disabled) {
        &.ant-tabs-tab-active,
        &:hover,
        &:active {
          @apply rounded bg-opacity-20;

          .ant-tabs-tab-btn {
            @apply text-black dark:text-white;
          }
        }
      }

      &.ant-tabs-tab-disabled {
        @apply text-opacity-50;

        &.ant-tabs-tab-active {
          @apply text-red-500 rounded bg-opacity-20 bg-red-500;
        }
      }

      .ant-tabs-tab-btn {
        color: inherit;
      }
    }
  }

  .ant-tabs-content-holder {
    overflow-x: hidden;
    overflow-y: auto;
  }
}
